
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%> 
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>


<div id="trimestreDiv">
    <f:subview id="trimestreSubView">
        <h:form>
            <rich:tabPanel switchType="ajax" immediate="true">
                
                <%-- INICIO - Agregar trimestre --%>
                <rich:tab label="Agregar" actionListener="#{trimestreBean.resetearBean}">
                    <rich:spacer height="20px" style="border:0px"/>
                    <h1 class="title"><h:outputText value="Agregar trimestre" /></h1>
                    <rich:separator height="2" lineType="solid"/><br/>
                    
                    <h:panelGrid columns="2" cellspacing="0" cellpadding="1" border="0"  >
                        <h:outputText value="Fecha de inicio:" style="font-weight:bold;"/>
                        <h:panelGroup>
                            <rich:calendar id="FechaInicio" inputSize="10" style="width:100px" datePattern="dd/MM/yyyy" locale="es" value="#{trimestreBean.trimestre.fechaInicio}" required="true" requiredMessage="Este campo es requerido"/>
                            <rich:message for="FechaInicio" ajaxRendered="true" style="color:red;" />
                        </h:panelGroup>
                        
                        <h:outputText value="Fecha final:" style="font-weight:bold;"/>
                        <h:panelGroup>
                            <rich:calendar id="FechaFinal" inputSize="10" style="width:100px" datePattern="dd/MM/yyyy" locale="es" value="#{trimestreBean.trimestre.fechaFinal}" required="true" requiredMessage="Este campo es requerido" />
                            <rich:message for="FechaFinal" ajaxRendered="true" style="color:red;" />
                        </h:panelGroup>
                    </h:panelGrid>
                    
                    <rich:spacer height="20px" style="border:0px"/>
                    <a4j:commandButton value="Registrar" action="#{trimestreBean.insertar}"/>
                </rich:tab>
                <%-- FIN - Agregar trimestre --%>
                
                <%-- INICIO - Buscar trimestre --%>
                <rich:tab label="Buscar" actionListener="#{trimestreBean.resetearBean}">
                    <rich:spacer height="20px" style="border:0px"/>
                    <h1 class="title"><h:outputText value="Buscar trimestre" /></h1>
                    <rich:separator height="2" lineType="solid"/><br/>
                    
                    <rich:dataTable value="#{trimestreBean.trimestresItems}" var="trimestre" id="table" rules="rows" rowKeyVar="row">    
                        <rich:column sortable="true" sortBy="#{trimestre.fechaInicio}" filterBy="#{trimestre.fechaInicio}" filterEvent="onkeyup" width="200px">
                            <f:facet name="header">
                                <h:outputText value="Fecha Inicio"/>
                            </f:facet>
                            <h:outputText value="#{trimestre.fechaInicio}"/>
                        </rich:column> 
                        
                        <rich:column sortable="true" sortBy="#{trimestre.fechaFinal}" filterBy="#{trimestre.fechaFinal}" filterEvent="onkeyup" width="200px">
                            <f:facet name="header">
                                <h:outputText value="Fecha Final"/>
                            </f:facet>
                            <h:outputText value="#{trimestre.fechaFinal}"/>
                        </rich:column> 
                        
                        <rich:column sortable="false" style="text-align:center;">
                            <f:facet name="header">
                                <h:outputText value="Estado"/>
                            </f:facet>
                            <h:outputText value="#{trimestre.idEstado.descripcion}"/>
                        </rich:column>
                    </rich:dataTable>
                </rich:tab>
                <%-- FIN - Buscar trimestre --%>
            </rich:tabPanel>
        </h:form>
    </f:subview>
</div>